const path = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    entry: path.join(__dirname,'./src/main.js'),
    output: {
        path:path.join(__dirname,'./dist'),
        filename:'bundle.js'
    },
    plugins:[
       new htmlWebpackPlugin({
           template:path.join(__dirname,'./src/index.html'),
           filename:'index.html'
       })
    ],

    module:{
        rules:[
            { test: /\.css$/, use:['style-loader', 'css-loader'] },
            { test: /\.less$/, use:['style-loader','css-loader','less-loader'] },
            { test: /\.scss$/, use:['style-loader','css-loader','sass-loader'] },
            { test:/\.(jpg|png|bmp|jpeg|gif)$/, use:'url-loader?limit=35441&name=[hash:8]-[name].[ext]'},
            { test:/\.(ttf|eot|svg|woff|woff2)$/, use:'url-loader'},
            { test:/\.js$/, use:'babel-loader', exclude:/node_modules/ }, //配置babel 来转换高级语法
            { test:/\.vue$/, use:'vue-loader' }  // 处理 .vue文件的loader
        ]
    },
    resolve:{
        alias:{ // 设置vue 被导入时候的路径
            // 'vue$':'vue/dist/vue.js'
        }
    }
}